

::doc-component-demo
---
title: Features
---
You can use any icon from [https://icones.js.org/](https://icones.js.org/) by using the :doc-linker{to="Icon"} component.

#grid
  :::doc-grid-icon{name="simple-icons:nuxtdotjs" color="success"}
  Nuxt

  #description
  Robust and solid vue app
  :::

  :::doc-grid-icon{name="teenyicons:typescript-outline" color="yellow"}
  Typescript

  #description
  Types and auto-discovery
  :::

  :::doc-grid-icon{name="simple-icons:vite" color="primary"}
  Vite

  #description
  Bundling & hot reloading
  :::

  :::doc-grid-icon{name="simple-icons:tailwindcss" color="sky"}
  Tailwind CSS

  #description
  For precise and clean styles
  :::

  :::doc-grid-icon{name="icon-park-outline:pineapple" color="pink"}
  Pinia

  #description
  For precise and clean styles
  :::

  :::doc-grid-icon{name="simple-icons:eslint" color="lime"}
  ESlint

  #description
  For standardized code
  :::
::








::doc-component-demo
---
title: Warning color
tag: v1.0.0
demo: '#examples/colors/warning-color.vue'
---
::




::doc-component-demo
---
title: Warning color
demo: '#examples/colors/warning-color.vue'
---
Lorem ipsum..
::






:::doc-message{type="muted" icon="ph:magic-wand"}
Default shape of all :doc-linker{to="BaseAccordion"} can be set in your `app.config.ts`.
:::




:doc-component-meta{name="AddonCarouselTeam"}




:doc-component-list